<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>斯迈普解盘侠资讯</title>
    <link rel="stylesheet" href="stylesheets/zui.min.css"/>
    <link rel="stylesheet" href="stylesheets/common.css"/>
	<link rel="stylesheet" href="stylesheets/main.css"/>
</head>
<body>
	<nav class="nav box">
		<div class="box-flex">
			<a href="market.html?type=1" class="nav-btn">
				<span class="nav-text">市场资讯</span>
				<i class="nav-underline"></i>
			</a>
		</div>
		<div class="box-flex">
			<a href="market.html?type=2" class="nav-btn">
				<span class="nav-text">技术分享</span>
				<i class="nav-underline"></i>
			</a>
		</div>
		<div class="box-flex nav-active">
			<a href="jiepan.html" class="nav-btn">
				<span class="nav-text">历史解盘</span>
				<i class="nav-underline"></i>
			</a>
		</div>
	</nav>
    <section class="calendar-section" id="calendar-section">
    	<div class="calendar-header"></div>
    </section>
    <section class="calendar-table-section content">
    	<div id="date-content"></div>
    	<a href="#" class="variety-btn up">
    		<span>品种选择</span>
    		<i class="more more-up"></i>
    	</a>
<!--     	<a href="#" class="form-submit" id="form-submit">确定</a> -->
    </section>
    <section class="variety-section box" id="variety-section">
    	<div class="variety-content">
	    	<a href="#" class="variety-btn down">
	    		<span>品种选择</span>
	    		<i class="more more-down"></i>
	    	</a>
	    	<div class="content">
	    		<div class="variety-item">
<!-- 	    			<p class="variety-item-title">现货延迟交收业务</p> -->
	    			<div class="variety-btn-group box">
	    				<div class="item box-flex">
	    					<a href="javascript:void(0);return false;" name="hj" class=" btns">黄金</a>
	    				</div>
		    			<div class="item box-flex">
	    					<a href="javascript:void(0);return false;"  name="by" class=" btns">白银</a>
	    				</div>
	    				
		    		</div>
		    		<div class="variety-btn-group box">
		    			<div class="item box-flex">
	    					<a href="javascript:void(0);return false;"  name="yy" class=" btns">原油</a>
	    				</div>
	    				<div class="item box-flex">
	    					<a href="javascript:void(0);return false;"  name="wh" class=" btns">外汇</a>
	    				</div>
<!-- 		    			<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">钯金</a> -->
<!-- 	    				</div> -->
<!-- 	    				<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">铜</a> -->
<!-- 	    				</div> -->
		    		</div>
<!-- 		    		<div class="variety-btn-group box"> -->
<!-- 	    				<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">镍</a> -->
<!-- 	    				</div> -->
<!-- 		    			<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">铝</a> -->
<!-- 	    				</div> -->
<!-- 	    				<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">更多</a> -->
<!-- 	    				</div> -->
<!-- 		    		</div> -->
	    		</div>
<!-- 	    		<div class="variety-item"> -->
<!-- 	    			<p class="variety-item-title">国内期货合约</p> -->
<!-- 	    			<div class="variety-btn-group box"> -->
<!-- 	    				<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">农产品期货</a> -->
<!-- 	    				</div> -->
<!-- 		    			<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">金属类期货</a> -->
<!-- 	    				</div> -->
<!-- 	    				<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">化工类期货</a> -->
<!-- 	    				</div> -->
<!-- 		    		</div> -->
<!-- 		    		<div class="variety-btn-group box"> -->
<!-- 	    				<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">股指类期货</a> -->
<!-- 	    				</div> -->
<!-- 		    			<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns">更多</a> -->
<!-- 	    				</div> -->
<!-- 	    				<div class="item box-flex"> -->
<!-- 	    					<a href="#" class="btns"></a> -->
<!-- 	    				</div> -->
<!-- 		    		</div> -->
<!-- 	    		</div> -->
	    	</div>
	    </div>
    </section>
    <footer class="footer">
		<div class="col-xs-3" id="hall" >
			<i class="icon icon-home"></i>
			<h4>解盘</h4>
		</div>
		<div class="col-xs-3" id="notify"  >
			<i class="icon icon-volume-up"></i>
			<h4>喊单</h4>
		</div>
		<div class="col-xs-3 footer-nav-active" id="news" >
			<i class="icon icon-globe"></i>
			<h4>资讯</h4>
		</div>
		<div class="col-xs-3" id="my" >
			<i class="icon icon-user"></i>
			<h4>个人中心</h4>
		</div>
	</footer>
	<section class="mask-section box" id="mask-section">
		<div class="mask-box">
			<div class="mask-content"></div>
		</div>
	</section>
	<div class="modal fade" id="myModa">
		<div class="modal-dialog">
			<div class="modal-content">
	      ...
			</div>
		</div>
	</div>
	<script id="date-head-template" type="text/html">
		<p class="calendar-week">{{weekStr}}</p>
		<p class="calendar-day">{{if day >= 10}}{{day}}{{else}}0{{day}}{{/if}}</p>
		<div class="calendar-select calendar-year">
			<a href="#" class="calendar-btn" data-toggle="modal" data-target="#myModa">
				<span>{{yearText}}</span>
				<i class="more"></i>
			</a>
		</div>
		<div class="calendar-select calendar-month" data-toggle="modal" data-target="#myModa">
			<a href="#" class="calendar-btn">
				<span>{{monthText}}</span>
				<i class="more"></i>
			</a>
		</div>
		<div class="hidden">
			<input type="hidden" id="hidden-year" value="{{year}}" />
			<input type="hidden" id="hidden-month" value="{{month}}" />
			<input type="hidden" id="hidden-day" value="{{day}}" />
		</div>
	</script>
	<script id="mask-month-template" type="text/html">
		<div class="mask-month-group">
			{{each list as item i}}
			<div class="box">
				{{each item as value o}}
				<div class="item box-flex" {{if !value.text}}style="opacity: 0;"{{/if}}>
					<a href="#" class="btns{{if value.isActive}} active{{/if}}" {{if type === 'month'}} data-month='{{value.id}}'{{else}} data-year='{{value.text}}'{{/if}}>{{if value.text}}{{value.text}}{{else}}0000{{/if}}</a>
				</div>
				{{/each}}
			</div>
			{{/each}}
		</div>
		<div class="mask-btn-group box">
			<a class="item cancel box-flex">取消</a>
			<a class="item confirm box-flex" data-type="{{type}}">确认</a>
		</div>
	</script>
	<script id="date-template" type="text/html">
		<div class="calendar-item box">
			{{each dayTexts as value i}}
			<div class="item box-flex untouch">{{value}}</div>
			{{/each}}
		</div>
		{{each dayArr as item i}}
		<div class="calendar-item box">
			{{each item as value o}}
			{{if !value.isSelect || year > oldYear || (year === oldYear && month > oldMonth) || ( year === oldYear && month === oldMonth && value.dayNum > today) }}
			<span class="item box-flex prohibit">{{if value.dayNum < 10}}{{value.dayNum}}{{else}}{{value.dayNum}}{{/if}}</span>
			{{else}}
			<a href="#" class="item box-flex{{if value.isToday}} active{{/if}}">{{if value.dayNum < 10}}{{value.dayNum}}{{else}}{{value.dayNum}}{{/if}}</a>
			{{/if}}
			{{/each}}
		</div>
		{{/each}}
	</script>
	<script src="javascripts/Zepto.min.js"></script>
	<script src="javascripts/template.js"></script>
	<script src="javascripts/controller/info/calendar.js"></script>
	<script src="javascripts/controller/info/history.js"></script>
</body>
</html>